<?php
require 'template/header.php';
?>

<div class="contact-content">
    <div class="content_1">
        <header class="entry_header">
            <h1 class="entry_title"> ve chung toi</h1>
        </header>
        <div class="map"></div>
    </div>
    <div class="content_2"> 
        <div class="contact_section">
            <div class="content2-grid1">
                <div class="section-title">
                    <h1>Liên hệ với chúng tôi</h1>
                </div>
                <div class="wpf1">
                    <form class="cmxform" id="commentForm" method="post" action="">                         
                        <p>
                            <label for="cname">Tên của bạn (bắt buộc) </label>
                            <input id="cname" name="name" class="required" minlength="2" size="40" />
                        </p>
                        <p>
                            <label for="cemail">Địa chỉ Email (bắt buộc) </label>
                            <input id="cemail" name="email" class="required email" size="40" />
                        </p>
                        <p>
                            <label for="curl">Tiêu đề: </label>
                            <input id="curl" name="url" class="url" value="" size="40" />
                        </p>
                        <p>
                            <label for="ccomment">Thông điệp </label>
                            <textarea id="ccomment" name="comment" class="required" cols="40" rows="10"></textarea>
                        </p>
                        <p>
                            <input class="submit" type="submit" value="GỬI ĐI"/>
                        </p>
                    </form>
                    
                    <script type="text/javascript">
                        $(document).ready(function() {
                                $("#commentForm").validate();
                        });
                    </script>

               <!-- <style type="text/css">
                        #commentForm { width: 500px; }
                        #commentForm label { width: 250px; }
                        #commentForm label.error, #commentForm input.submit { margin-left: 253px; }
                    </style>-->
                    
                    
                </div>
                
            </div>
            <div class="content2-grid2">
                <div class="content2-grid2-inside1">
                    <h1>Xem là thích-Click là mua</h1>
                    <p>Với bề dày về kinh nghiệm lĩnh vực thương mại điện tử, chúng tôi tự tin đem lại quý khách hàng những sản phẩm cũng như trải nghiệm người dùng tuyệt vời khi mua hàng trực tuyến. Cảm ơn quý khách hàng đã đồng hành cùng chúng tôi suốt thời gian qua!</p>
                    <p>Phone: (+84) 0986681566</p>
                    <p>Email: care@giaynamdep.vn</p>
                    <p>
                        Website:
                        <a href="http://giaynamdep.vn">www.giaynamdep.vn</a>
                    </p>
                    
                </div>
                <div class="content2-grid2-inside2">
                    <div class="address">
                        <h1>Hà Nội</h1>
                    </div>
                    <p>57 Quan Hoa<br/>Cầu Giấy, Hà Nội<br/>Việt Nam</p>
                </div>
            </div>
        </div>
    </div> 
    <div class="content_3">
        <div class="comment">
            <div class="section-title2">
                <h1>Leave a Reply </h1>
            </div>
            <div class="wpf2">  
                <form class="cmxform" id="commentForm" method="post" action="">
                    <fieldset>
                        <legend>Your email address will not be published. Required fields are marked *</legend>
                            <p>
                                <label for="cname">Tên * </label>
                                <input id="cname" name="name" class="required" minlength="2" />
                            </p>
                            <p>
                                <label for="cemail">Email *</label>
                                <input id="cemail" name="email" class="required email" />
                            </p>
                            <p>
                                <label for="curl">Website </label>
                                <input id="curl" name="url" class="url" value="" />
                            </p>
                            <p>
                                <label for="ccomment">Comment</label>
                                <textarea id="ccomment" name="comment" class="required"></textarea>
                            </p>
                            <p>
                                <input class="submit" type="submit" value="Submit"/>
                            </p>
                    </fieldset>
                </form>
<!--                <script type="text/javascript">
                    $(document).ready(function() {
                        $("#commentForm").validate();
                    });
                    </script>-->

<!--                    <style type="text/css">
                    #commentForm { width: 950px; }
                    #commentForm label { width: 250px; }
                    #commentForm label.error, #commentForm input.submit { margin-left: 253px; }
                    </style>-->
                
            </div>
            
        </div>
    </div>
</div>

<?php
require 'template/footer.php';
?>